//引入vue
import Vue from 'vue';

//引入路由
import VueRouter from 'vue-router';
Vue.use(VueRouter); //全局使用

//引入项目根组件
import App from './App.vue';

//用路由引入项目子组件
import home from './components/Home.vue';
import shopcar from './components/shopcar/car.vue';
import newslist from './components/news/newslist.vue';
import newsinfo from './components/news/newsinfo.vue';
import photohome from './components/photo/photoHome.vue';



//配置路由规则
var router1 = new VueRouter({
    linkActiveClass: 'mui-active', //底部导航条点击高亮设置
    routes: [
        { path: '*', redirect: '/home' }, //用户输入错误的api地址时自动跳转到首页
        { path: '/', redirect: '/home' }, //打开浏览器是默认显示的页面
        { path: '/home', component: home }, //主页
        { path: '/shopcar', component: shopcar }, //购物
        { path: '/news/newslist', component: newslist }, //新闻资讯
        { path: '/news/newsinfo/:id', component: newsinfo }, //新闻资讯详情
        { path: '/photo/photohome', component: photohome }, //图片分享主页
    ]
});

//引入mint-ui
import MintUi from 'mint-ui';
import 'mint-ui/lib/style.min.css';
Vue.use(MintUi);

//使用mui.css
import '../statics/mui/css/mui.css';

//引用页面的全局基本样式
import '../statics/css/site.css';

//将vue-resource在vue中绑定，自动在vue对象实例上注入一个$http对象就可以使用ajax
import vueResource from 'vue-resource';
Vue.use(vueResource);

//引入时间日期设置插件 momentJS
import moment from 'moment';

//配置全局时间日期过滤器
Vue.filter('datefmt', function(ipt, fmtstr) {
    return moment(ipt).format(fmtstr);
});

//vue项目引入公共js文件  公共api使用
import common from './kits/common.js';
Vue.prototype.$common = common;

new Vue({
    el: '#app',
    router: router1,
    render: create => create(App)
})